<template>
    <div>
        <!-- 模态框 -->
        <el-dialog title="添加部门" :visible.sync="thistype" @close='fun(tname)'>
           <div style="padding:10px 0;">
                <el-alert  v-if="tablerow==''" title="当前创建的是公司级别，如果要创建部门级别请选择要创建的父级部门" type="warning">
              </el-alert>
             <el-alert
          v-else
          :title="
            '当前创建的是 ' +
              tablerow.fullname +
              ' 下的部门，如果要创建公司级别请取消选择'
          "
          type="warning"
          effect="dark"
        ></el-alert>
               </div>
                     <div>
        <!-- 模态框 -->
    
            <el-form ref="form" :model="form" label-width="80px" >
                <!--  部门全称 -->
                 <el-form-item label="部门全称">
                    <el-input v-model="form.fullname"></el-input>
                </el-form-item>
                <!-- 部门简称 -->
                <el-form-item label="部门简称">
                    <el-input v-model="form.simplename"></el-input>
                </el-form-item>
               
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button type="primary" @click="upuser">确 定</el-button>
            </div>
         </div>
        </el-dialog>
        <!-- 模态框 结束 -->
 
    </div>
</template>
<script>
import {http,dept} from '../../api/api.js'
export default {
    props:['type','fun','tname','tablerow'],
    data() {
        return {
            thistype:this.type,//模态框状态
            form:{//数据
                fullname:'',//部门全称
                simplename:'',//部门简称
            },   
        }
    },
     
    methods: {
        //添加用户
        upuser(){
            var type=true
            for(var i in this.form){
                if(this.form[i]==''){
                    type=false
                }
            }
            if(type){
                   //父级id
                   if(this.tablerow == ''){
                       this.form.pid = 0
                   }else{
                  this.form.pid=this.tablerow.id
                   }                
                //排序
                this.form.num=0
                this.$http.post(http+dept,JSON.stringify(this.form),
                {emulateJSON:true}).then((data)=>{
                if(data.data.msg=='成功'){
                    this.thistype=false
                    for(var i in this.form){
                        this.form[i]=''
                    }
                }else{
                    this.$message.error(data.data.msg)
                }
            },(err)=>{
                
                 this.$message.error(err.data.message)
                })
                delete this.form.pid
                delete this.form.num
            }else{
                this.$message.error('请补全信息');
            }

        },
 
         
        
    },
    watch:{
        type(){
            this.thistype=this.type
        }
    }
}
</script>
<style  >
    
</style>